<div class="content-section introduction">

  <div>
    <span class="feature-title">库存管理<span class="gt">&gt;</span>{{title}}  </span>
  </div>
</div>
<div class="content-section implementation GridDemo">

  <div class="parent">
    <div style="position: absolute;top: 20px;left:0">
      <svg width="150" height="800">
        <ng-container *ngFor="let flow of flowCharts;let i =index">
          <!--<rect [ngStyle]="{'width':flow.width,'height':flow.height,'x':flow.x,'y':flow.y,'rx':flow.rx,'fill':flow.active?flow.fill:'#5BC0DE'}" (click)="openPage(flow,i)"></rect>-->
          <g class="rect-text" (click)="openPage(flow,i)" >
          <rect [attr.width]="flow.width" [ngStyle]="{'cursor':'pointer'}"[attr.height]="flow.height" [attr.stroke]="flow.stroke" [attr.x]="flow.x" [attr.y]="flow.y"  [attr.rx]= "flow.rx" [attr.fill]="flow.fill" [attr.status]="flow.status"    ></rect>
          <text [attr.x]="flow.text.x" [attr.y]="flow.text.y">{{flow.label}}</text>
          </g>
            <g stroke="#39B9C6" stroke-width="0.8">
            <line *ngFor="let g of flow.g" [attr.x1]="g.x1" [attr.y1]="g.y1" [attr.x2]="g.x2" [attr.y2]="g.y2"></line>
          </g>
        </ng-container>
      </svg>
    </div>
    <div class="node-right ">
      <router-outlet></router-outlet>
    </div>
  </div>
</div>
